<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/queryloader2.min.js"></script>
		
		<style>
			body,html{
				height: 100%;
			}
			body{
				position: relative;
			}
		</style>
		
	</head>
	<body>
		<div class="hb-container">
			<div class="bg"></div>
			<div class="rul">
				<a href="javascript:void(0)" class="r_button">奖品&amp;活动规则&gt;&gt;</a>
			</div>
			<img id="hb" src="img/hb.png" alt="hb" />
			<img class="hb-bg01" src="img/hb-bg01.png" alt="hb-bg01" />
		</div>
		<!--
        	作者：245848724@qq.com
        	时间：2015-10-22
        	描述：hb-container end
        -->
		
		<div class="share" style="display: none;"></div>
		
		<div id="yao" class="hdgz-cover-box" style="display:none;">
	    	<div class="hdgz-box">
		        <div class="hdgz-content">
	                <div class="word">手机摇一摇</div>
	                <img src="img/y.png" alt="y" />
	                <p>
	                	<em>红包</em><br />
	                	马上就来了
	                </p>          
		        </div>
	    	</div>
		</div>
		
		<div class="success" style="display:none;">
			<div class="success-container">
				<div class="bg"></div>
				<div class="rul">
					<a href="javascript:void(0)" class="r_button">活动规则&gt;&gt;</a>
				</div>
				<div class="success-body">
					恭喜你中了<em>2元</em>
				</div>
				<img class="s-bg01" src="img/s-bg01.png" alt="s-bg01" />
			</div>
		</div>
	
		<div class="late" style="display:none;">
			<div class="late-container">
				<div class="bg"></div>
				<div class="rul">
					<a href="javascript:void(0)" class="r_button">活动规则&gt;&gt;</a>
				</div>				
				<img class="s-bg01" src="img/hb-bg02.png" alt="hb-bg02" />
			</div>
		</div>
	
		<div class="mid-box" id="qr" style="display:none;">
			<div class="gz_">
				<p>
					亲~感谢您上传照片参加本活动。微信现金红包将发到您的手机微信，敬请查收！1~100元随机金额，不成敬意！欢迎您11月14日下午2点莅临四海逸家活动现场，宝贝定制台历现场登记领取，同时抽取更多香港迪斯尼亲子游机会！

				</p>
				<p class="qr">
					<a href="">确认</a>
				</p>
			</div>
		</div>
	
		<div class="hdgz-cover-box" style="display: none;" id="gz_">
	    	<div class="hdgz-pop-box">
		        <div class="hdgz-pop-close">
		            <b></b>
		        </div>
		        <div class="hdgz-pop-content">
	                <h2>活动规则</h2>
					<em>活动时间</em>：2015年11月13日18点00分
					<br />
					<em>咨询电话</em>：028-8588 7888
					<br />
					<em>参与方式</em>：    
	                <ul>
	                	<li>1、长按图片，识别图中二维码，关注“成都中信城”微信公众号。</li>
	                	<img src="img/code.jpg" alt="code" />
						<li>2、猛戳屏幕下方按钮【红包福利】，分享朋友圈后红包将自动到账，请注意查收，由于系统原因红包到账时间会有延迟。部分用户由于手机系统受限、自身未开通微信红包功能或红包功能被腾讯屏蔽等原因，尚不能接收红包。</li>
						<li>3、每个手机号仅限一次领取机会，红包金额随机，最高为200元现金红包。</li>
						<li>4、红包数量有限，先到先得，抢完即止。</li>						
						<li>5、本活动最终解释权归成都信蜀投资有限公司所有。</li>
	                </ul>          
		        </div>
	    	</div>
		</div>		
		
		<script>
			$("body").queryLoader2({
				barColor: "#efefef",
				backgroundColor: "#111",
				percentage: true,
				barHeight: 1,
				minimumTime: 500,
				fadeOutTime: 1000,
				onComplete: function() {					
					
					$("#hb").bind("click", function() {
						$(".share").show();
					});
					$(".share").bind("click", function() {
						$("#yao").show();
					});
					$("#yao").bind("click", function() {
						$(".success").show();
					});
					$(".success").bind("click", function() {
						$(".late").show();
					});
					
					$(".r_button").on("click", function() {
						$("#gz_").show();
					});
					$("#gz_").on("click", function() {
						$(this).hide();
					});					
					
					$(".success").find(".rul").bind("click",function(e){
						e.stopPropagation();
					});
					$(".late").find(".rul").bind("click",function(e){
						e.stopPropagation();
					});
					
					
					
				}
			});
			
		</script>
	</body>
</html>